<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style>
			html,
			body {
				background-color: #FFFFFF;
			}
			.wrap-search{
				margin: 15px;
				background: #E6E6E6;
				height: 30px;
				border-radius: 5px;
				text-align: center;
			}
			/*设置下拉刷新文字的位置,需设置在父页面*/
			/*.mui-bar-tab ~ .mui-content .mui-pull-top-pocket{
				top: 60px !important;
			}*/
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top: 54px !important;
			}
		</style>
	</head>

	<body>
		<div class="wrap-search">
			<span class="mui-icon mui-icon-search" style="line-height: 30px;color: #AAAAAA;font-size: 16px;"></span>
			<span style="line-height: 30px;color: #AAAAAA;font-size: 14px;">电影/电视剧/影人</span>
		</div>
		<div class="mui-bar-nav"></div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init({
			    subpages:[{
				    url:'main-showing.html',//子页面HTML地址，支持本地地址和网络地址
				    id:'main-showing.html',//子页面标志
				    styles:{
					    top:'60px',//子页面顶部位置
					    bottom:'0px',//子页面底部位置
			    	},
			    	extras:{}//额外扩展参数
			    }]
			});
			
			//给搜索框添加点击事件
			mui('.wrap-search')[0].addEventListener('tap', function() {
				mui.openWindow({
					id:'search.html',
					url:'search.html'
				});
			});
		</script>
	</body>

</html>